<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <meta http-equiv="Cache-Control" content="no-store"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <meta name="viewport2" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>epg包装系统</title>
    <meta charset="utf-8">
    <script charset="utf-8" type="text/javascript" src="js/flv.js"></script>
    <script charset="utf-8" type="text/javascript"
            src="js/init_wrap.js"></script>
    <script charset="utf-8" type="text/javascript"
            src="js/qui_0.4.0/jquery.qui.autocomplete.js?v=2014122229711"></script>
    <script charset="utf-8" type="text/javascript" src="js/qui_0.4.0/jquery.qui.suggest.js?v=2014122229711"></script>
    <link href="css/common.css" rel="stylesheet"/>
    <script charset="utf-8" type="text/javascript" src="js/swfobject.js"></script>
    <link media="all" type="text/css" href="./css/h5Player.css" rel="stylesheet">

</head>
<style type="text/css">

p.spe:hover {
    background-color: #fefefe;
    color: #000000
}

#makedImg img {
    padding: 8px;
    z-index: 100;
    width: 104px;
    height: 64px
}

img {
    padding: 0px;
    /*width: auto;*/
    /*height: auto;*/
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

/* 自动拆条交替色 */
/* 自动拆条交替色 */
.c999 {
    background-color: #999999;
}

.cfff {
    background-color: #fff;
}

/* 自动拆条选中色 */
.c09f {
    background-color: #003F82;
}

/* 自动拆条提交色 */
.bcgreen {
    background-color: #804041;
}

/* 自动拆条广告提交色 */
.bcred {
    background-color: #F0E1B6;
}

/* 入点出点颜色 */
.background-blue {
    background-color: blue;
}

.background-red {
    background-color: red;
}

.c000 {
    background-color: #000;
}

.fp_time {
    top: 55px;
    right: 8px;
    font-size: 12px;
    background-color: #050708;
    opacity: 0.7;
    width: 104px;
    text-align: right;
    padding-right: 10px
}

.fp_time2 {
    bottom: 28px;
    right: 8px;
    font-size: 12px;
    background-color: #050708;
    opacity: 0.7;
    width: 264px;
    text-align: right;
    padding-right: 10px
}

.col-md-7 {
    width: 58.333333333333336%;
}

/* 广告头 标识部分 */
.transparent_class {
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;

    border: 1px solid grey;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    display: block;
}

.desc {
    position: absolute;
    top: 40px;
    left: 0px;
    font-size: 12px;
    opacity: 0.7;
    width: 120px;
}

/* 页面结构调整
.lw{display:inline;width:475px;background-color:transparent;float:left;margin-left:-485px;margin-top:1px;}
*/

.transparent {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.layout {
    position: absolute;
    left: 4%;
    top: 12%;
    z-index: 120;
    width: 30%;
    height: 52%;
    font-size: 12px;
}

.fragment-l {
    background-color: green;
    padding-top: 12px;
}

.fragment-r {
    left: 70%;
    background-color: green;
    padding-top: 12px;
}

.ad-l {
    background-color: red !important;
}

.ad-r {
    left: 70%;
    background-color: red !important;
}

.btn-grey {
    background-color: #eee;
}

.btn-666 {
    background-color: #666666;
    color: #fff;
}

.btn-666:hover, .btn-666:focus, .btn-666.focus, .btn-666:active, .btn-666.active {
    background-color: #363636;
    border-color: #222;
    color: #fff;
}

.input-sm {
    padding: 0px;
}

/*  2015/3/4

 布居
*/
.row {
    margin: 0;
}

body {
    background: #fcfcfc;
    padding: 10px;
}

.cont, .left-panel {
    float: left;
}

.cont {
    width: 100%;
}

.main {
    margin-left: 510px;
}

.left-panel {
    margin-left: -100%;
    width: 500px;
}

.rt {
    border: 1px solid #B2B2B2;
    border-top: none;
    margin: 0px;
    padding: 4px;
    padding-left: 20px;
    padding-top: 8px;
    background-color: #fff;
}

.rb {
    overflow-y: scroll;
    padding-left: 5px;
    border: 1px solid #B2B2B2;
    background-color: #000;
}

.right {
    margin-top: 0px;
}

.tab-content {
    overflow-x: hidden;
    overflow-y: auto;
}

.lb {
    border: 1px solid #B2B2B2;
    border-top: none;
    padding-top: 0px;
    margin: 0px;
    background-color: #fff;
}

.lc {
    height: 300px;
    width: 100%;
    background-color: #000;
    border: 1px solid #B2B2B2;
    border-top: none;
    margin: 0px;
    margin-bottom: 10px;
    z-index: 0;
}

/*拆条列表*/
.segmentation {
    position: fixed;
    width: 100%;
    bottom: 0px;
    left: 0px;
    z-index: 9999;
}

.segmentation .title {
    margin-left: 80%;
    padding: 1px 6px 1px 6px;
    font-weight: bold;
    background-color: #fff;
    color: #09F;
    border: 2px solid #09F;
    border-radius: 8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 0px;
    margin-bottom: -2px;
    box-shadow: 0 -1px 1px #888;
}

.segmentation .list {
    overflow-y: scroll;
    width: 100%;
    height: 400px;
    z-index: 9999;
    display: none;
    background-color: #fff;
    border-top: 2px solid #09F;
    box-shadow: 0 0 5px #888
}

/*拆条tab ext*/
.tabbable {
    position: relative;
}

.nav-opt {
    position: absolute;
    top: 8px;
    left: 250px;
    font-size: 10px;
}

.nav-opt > button {
    color: #999;
    padding: 1px 2px;
    box-shadow: inset 0 0 1px 1px #fff;
    border-radius: 3px;
}

.nav-opt-enable {
    border: 1px solid #707070;
}

button.nav-opt-enable {
    color: #333;
}

/* table */
.table {
    margin-top: -5px;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #CDE6F7;
}

.inner-table {
    font-size: 10px;
    width: 100%
}

.inner-table input, .inner-table select {
    width: 51px;
    font-weight: 400;
    border-left: 1px solid #E2E3EA;
    border-top: 1px solid #ABADB3;
    border-bottom: 1px solid #E3E9EF;
    border-right: 1px solid #DBDFE6;
    border-radius: 2px;
    margin-left: 6px;
}

.remove-style input {
    width: 51px;
    font-weight: 400;
    border: 1px solid transparent;
    background-color: transparent;
    margin-left: 6px;
}

.remove-select-style {
    border: none;
    overflow: hidden;
    display: block;
    float: right;
    margin-right: 3px;
    width: 56px;
}

.remove-select-style select {
    margin: -2px -18px -2px -2px;
    width: 75px;
    background-color: transparent;
}

.inner-table span {
    font-weight: bold;
}

.modify-space td {
    padding-top: 7px;
}

.modify-space a {
    cursor: pointer;
    text-decoration: underline;
}

.cblue {
    color: #2E8DED;
}

.cred {
    color: #C30;
}

.w10p {
    width: 7%;
}

.w18p {
    width: 18%;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 0px;
    border-bottom: 1px solid #fff;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #F2F2F2;
}

/* 表单样式处理 */
.rt label, #cForm label, #dForm label {
    font-weight: normal;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.rt input, .rt div, #cForm div, #dForm div {
    margin: 0;
    padding: 2px 0px;
}

#submitStartTime {
    margin-left: 5px;
}

/*出入点标识*/
.in-out-mark-s {
    width: 20px;
    top: 8px;
    height: 63px;
}

.in-out-mark-b {
    width: 36px;
    height: 150px;
    padding-top: 60px;
}

.p-middle {
    left: 44%;
    background-color: #FFFF00;
    color: #000000;
}

.p-l {
    left: 8px;
    background-color: #4CD74C;
}

.fold_select {
    background-color: green;
    display: inherit;
}

.p-r {
    right: 8px;
    background-color: #FF0000;
}

.mask-l {
    left: 22%;
    background-color: #c67605;
    color: #ffffff;
}

.mask-r {
    right: 22%;
    background-color: #bd362f;
    color: #ffffff;
}

.auto-seg-tips, .merg-seg-tips {
    color: #DADADA;
    text-align: center;
    font-size: 32px;
}

.bdred {
    border-color: red;
}

.red {
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0.4);
}

#tab1 {
    padding: 0px;
}

#tab1 div label {
    display: inline;
}

#tab1 div div input[type=text] {
    width: 390px
}

.ui-jqgrid tr.jqgrow td {
    white-space: normal !important;
    word-wrap: break-word;
    height: auto;
    vertical-align: text-top;
    padding-top: 2px;
}

.categorySuggestDiv .ui-suggest .ui-autocomplete {
    width: 100px !important;
}

.segmentation_grey {
    color: grey !important;
}

/* 日期样式 slider mode  */
.ui-timepicker-div dl dt {
    float: left;
    clear: left;
    padding: 0 0 0 0px;
    height: 20px
}

.ui-timepicker-div dl dd {
    margin: 0 10px 10px 25%;
    float: none;
    width: 120px;
    border: 1px solid #aaaaaa;
    -webkit-border-radius: 4px;
}

.ui-timepicker-div dl dd a {
    background: #e6e6e6
}

dd.ui_tpicker_hour, dd.ui_tpicker_minute, dd.ui_tpicker_second {
    width: 120px;
}

dd.ui_tpicker_millisec, dd.ui_tpicker_microsec {
    display: none;
}

.ui-timepicker-div dt.ui_tpicker_hour_label, dt.ui_tpicker_minute_label, dt.ui_tpicker_second_label {
    width: 25px;
    height: 16px;
    padding: 0 0 0 0;
}

dd.ui_tpicker_time {
    border: none !important;
}

/* 日期样式 slider mode over */
/**/
/*遮标相关 开始*/
.maskChild {
    position: absolute;
    pointer-events: auto;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px inset #ff0000;
}

.maskChild span {
    display: none;
}

.maskChild:hover span {
    float: right;
    cursor: pointer;
    color: #ff0000;
    font-size: 20px;
    display: block;
    width: 20px;
    position: absolute;
    right: 0px;
    opacity: 1;
    z-index: 2;
}

/*遮标相关 结束*/
.no-close .ui-dialog-titlebar-close {
    display: none;
}

#material_sel_content div img:hover {
    width: 120px;
    height: 90px;
}
#material_sel_content div img {
    width: 80px;
    height: 60px;
}

.shim_time {
    top: 55px;
    right: 8px;
    font-size: 12px;
    background-color: green;
    opacity: 0.7;
    width: 94px;
    text-align: right;
    padding-right: 10px
}

.shim_time2 {
    background-color: green;
    opacity: 0.7;
    width: 264px;
    text-align: right;
    font-size: large;
    margin-left: 8px;
    bottom: 10px;
}

.shim-img-unselected img {
    opacity: 1;
}

.shim-img-selected  img{
    opacity: 0.5;
}

.title_selected {
    display: inline;
}

#auto_title-dlg_content label {
    display: inline;
    font-size: 18px;
}
#auto_title-dlg_content div.datarow {
    margin-bottom: 5px;
    position: relative;
    line-height: 25px
}
#auto_title_alterDiv {
    text-align: left;
    position: absolute;
    left: 75px;
    display: none;
    top:0px;
}
</style>
<body>
<header style="display: none"></header>
<div class="alert alert-danger alert-dismissible fade in" role="alert" style="text-align:center;">您当前浏览器处于放大状态,按</div>

<div class="row">
<div class="cont">

    <div class="main">

        <!-- 右下打点图片 start -->
        <div class="rb right img-content" id="makedImg">
        </div>
        <div class="rt">
            <form class="form-horizontal">
                <div class="form-group" style="margin:0;padding:0;margin-bottom:5px;">
                    <span style="display: inline-block;width: 160px">
                        起始:
                        <input type="text" style="width: 120px" id="inputStartTime" name="inputStartTime"/>
                    </span>
                    <span style="display: inline-block;width: 160px">
                       结束:
                        <input type="text" style="width: 120px" id="inputEndTime" name="inputEndTime"/>
                    </span>
                    <span style="display: inline-block;width: 165px">
                        <div>
                            <button class="btn btn-default btn-sm" id="submitStartTime" type="button">确定</button>
                            <a class="btn btn-default" id="changeBigPic">大图</a>
                            <a class="btn btn-default btn-primary" id="changeSmallPic">小图</a>
                        </div>
                    </span>
                    &nbsp;
                    <a class="btn" style="width:40px;color: #000000;padding: 1px , 3px ,3px,1px" id="picNum">0</a>
                </div>
            </form>
            <form class="form-inline">

                    <span style="display: inline-block; width: 328px">
                                        <label>
                                            <input type="checkbox" id="autoRunPic"> 自动滚动图片
                                        </label>
                <select class="input-small pps-content-type" name="jumpType">
                    <option value="1">跳转时间点</option>
                    <option value="2">跳转帧</option>
                </select>
                                        <input type="text" class="input-small" id="jumpContent"
                                               style="width:60px" value="00:00:00">
                        </span>
                <span style="display: inline-block;">
                    <div>
                        <button type="button" class="btn btn-default btn-sm" id="jumpSubmit">确定</button>
                                    <span style="display:none;float:left;">
                        背景颜色
                        <a action-name="switch" class="switch switch-position"></a>
                    </span>
                        <button type="button" id="alert-pop" class="btn ">定时提醒</button>
                        <button type="button" id="help-pop" class="btn ">打点系统帮助</button>
                    </div>
                </span>


            </form>
        </div>
        <!-- 右上测查询 end -->
    </div>
</div>
<!-- end cont -->
<div class="left-panel">
<!-- 左中侧播放器 START -->
<div class="movie lc mainContainer" style="overflow: hidden;position: relative">
    <video id="ppsLiveDiv"  class="centeredVideo" style="position: relative" width="100%" height="300"></video>
    <div class="player_control">
        <div class="progress">
            <span class="bufferBar" style="width: 100%;"></span>
            <span class="timeBar" style="width: 100%;"></span>
        </div>
        <div class="time" >
            <span class="current">00:00</span> /
            <span class="duration">00:00</span>
        </div>
        <div class="btmControl">
            <div class="btnPlay btn"></div>
            <div class="volume" >
                <span class="volumeBar"></span>
            </div>
            <div class="sound sound2 btn" ></div>
        </div>
    </div>
    <div id="video_preview_image_div" style="position: absolute;top:0px;display: none">
        <video id="viewImageVideo"  class="centeredVideo" style="position: relative" width="500" height="300"></video>
    </div>
</div>
<!-- 左中侧播放器 end -->

<!-- 左下侧提交 start -->
<div class="row" style="margin:0px;background-color:#E4E4E4;">
<div id="navDiv" class="container">
    <ul style="padding: 0px">
        <li><a href='#tab1'>拆条参数</a></li>
    </ul>
</div>
<div id='tabsDiv' class="tab-content lb">
<div id="tab1">
<div id="contains_news_list">
    <table id="news_list">
        <tr>
            <td></td>
        </tr>
    </table>
    <div id="news_pager" style="width: 460px"></div>
</div>

<hr style="border:1px #cccccc dotted">
<form class="form-horizontal" id="cForm" style="margin-left: 4px">
    <h1><b>节目信息录入</b></h1>

    <div class="form-group" import-id-div="true" import-time="0"
         style="display: none;color: brown;line-height: 24px">
        关联序号id:<span name="import-id-span"></span>
        <button type="button" name="cancel-import">取消关联</button>
    </div>

    <div class="form-group">
        <label style="padding-left: 4px;padding-right: 4px"><input type="radio" class="cVideo"
                                                                   name="videotype" value="-1" checked/>创建新节目</label>
        <label style="padding-left: 4px;padding-right: 4px"><input type="radio" class="cVideo"
                                                                   name="videotype" value="0"/>选择未制作成片的节目</label>
        <label style="padding-left: 4px;padding-right: 4px"><input type="radio" class="cVideo"
                                                                   data="cover-program" name="videotype"
                                                                   value="1"/>覆盖已制作成片的节目</label>
        <label id="cover-program-cfm" style="display: none"><input name="reTranscodeConfirm"
                                                                   type="checkbox">重转免确认</label>
    </div>
    <div></div>
    <div class="form-group">
        起点<span class="form-must">*</span>：<input type="text" class="form-control" style="width:40px"
                                                  name="sTime"/>
        终点<span class="form-must">*</span>：<input type="text" class="form-control" style="width:40px"
                                                  name="eTime"/>
        封面：<input type="text" class="form-control" style="width:40px" name="imageId"/>
        频道<span class="form-must">*</span>：
        <div class="col-sm-8 categorySuggestDiv" style="display: inline">
            <input type="text" class="form-control" style="width:100px" name="categoryName"/>
        </div>
    </div>
    <div class="form-group">
        <label style="text-align: right;padding-top:10px;display: inline;float: left">标题<span
                class="form-must">*</span>：</label>

        <div class="col-sm-8">
            <input type="text" class="form-control " name="videoName"/>
                            <span class="help-inline" span-mode="info" style="padding-left: 40px">剩余字数：<span
                                    class="leftWordsCount">21.5</span></span>
                            <span class="help-inline" span-mode="warn"
                                  style="padding-left: 40px;color: red;display: none">超过字数：<span
                                    class="overWordsCount">0</span></span>
            <span class="help-inline"> <button name="btn_get_auto_title" type="button" style="display: none">选择</button> </span>
        </div>
    </div>

    <div class="form-group" style="position: relative;width: 475px;height: 40px">
        <div style="width: 225px;height:40px;position: absolute">
            <label style="padding-top: 10px;display: inline;">专辑：&nbsp;</label>

            <div class="col-sm-8" style="display:inline">
                <input type="text" class="form-control input-sm" name="albumName"
                       style="width: 150px"/>
            </div>
        </div>

        <div id="fantasyTitleDiv" style="position: absolute;width: 235px;height: 40px;left: 225px">
            <label style="padding-top:10px;display: inline"> 吸睛标题：</label>

            <div class="col-sm-8" style="display: inline">
                <input class="form-control" type="text" name="fantasyTitle" placeholder="最多可输入40个汉字"
                       style="width: 150px"><br>
                            <span class="help-inline" style="padding-left: 60px">剩余字数：<span
                                    class="leftWordsCount1">40</span></span>
            </div>
        </div>

    </div>


    <div class="form-group">
        <div id="locationDiv" style="display:none;width: 235px">
            <label style="padding-top:10px;display: inline;">地区：</label>

            <div class="col-sm-8" style="display: inline">
                <input type="text" class="form-control input-sm" style="width: 150px" name="location"/>
            </div>
        </div>
        <div style="display: inline-block;width: 235px">
            <label style="text-align: right;padding-top:10px;display:inline">合作方：</label>

            <div class="col-sm-8" style="display: inline">
                <select id="cp" class="form-control input-sm" style="width: 150px">
                </select>
            </div>
        </div>
    </div>

    <div class="form-group" style="width: 475px;height: 145px;position: relative">
        <div style="width: 235px;position: absolute;line-height: 24px">
            <div>
                <label>优先级：</label>
                <label style="margin-left: 9px"><input type="radio" name="priority" value="3">紧急</label>
                <label style="margin-left: 9px"><input type="radio" name="priority" value="2">高</label>
                <label style="margin-left: 9px"><input type="radio" name="priority" value="1">中</label>
                <label style="margin-left: 9px"><input type="radio" name="priority" value="0"
                                                       checked>低</label>
            </div>
            <div>
                <label>分辨率：</label>
                <label style="margin-left: 9px"><input type="radio" name="video_dpi" value=""
                                                       checked="checked">原有比例</label>
                <label style="margin-left: 9px"><input type="radio" name="video_dpi"
                                                       value="16x9">16:9</label>
                <label style="margin-left: 9px"><input type="radio" name="video_dpi"
                                                       value="4x3">4:3</label>
            </div>
            <div>
                <label> 节目音量标准化：</label>
                <label style="margin-left: 18px"><input name="isVolumeStandard" value="1"
                                                        checked="checked" type="radio">启用</label>

                <label style="margin-left: 18px"> <input name="isVolumeStandard" value="0" type="radio">不启用</label>
            </div>
            <div>
                <label> 素材音量标准化：</label>
                <label ><input name="isVolumeStandardForMaterial" value="1"
                               checked="checked" type="radio">启用</label>
                <label> <input name="isVolumeStandardForMaterial" value="0" type="radio">快速</label>
                <label> <input name="isVolumeStandardForMaterial" value="2" type="radio">不启用</label>
            </div>
            <div>
                <label> 最终版覆盖快速上线版：</label>
                <label style="margin-left: 22px"><input name="needRemakeVideo" value="1"
                                                        checked="checked" type="radio">是</label>
                <label style="margin-left: 22px"> <input name="needRemakeVideo" value="0" type="radio">否</label>
            </div>


        </div>
        <div style="position:absolute;width: 235px;left: 235px;top: 0px">
            <label style="text-align: right;display: inline;float: left;width: 48px;">描述：</label>

            <div class="col-sm-8">
                <textarea class="form-control"
                          style="margin-left:8px;max-width: 150px;max-height:125px;"
                          rows="3" name="desc" eut=""></textarea>
            </div>
        </div>
        <div style="position: absolute;top: 144px">
            <label> 追加分片 ：</label>
            <label style="margin-left: 30px"><input name="isAppendFragment" value="1"
                                                    checked="checked" type="radio">启用</label>
            <label style="margin-left: 22px"> <input name="isAppendFragment" value="0" checked="checked" type="radio">不启用</label>
            &nbsp; &nbsp; &nbsp; &nbsp;
            <span style="color: #ff0000">备注：建议每隔半小时提交一次分片</span>
        </div>
    </div>

    <div id="div_fragment_append" class="form-group" style="margin-left: 15px;margin-top: 20px">

    </div>
    <br>
    <!--<div id="locationDiv" class="form-group" style="display: none">-->
    <div class="form-group">
        <div class="col-sm-8" style="text-align: center">
            <a class="btn  btn-sm" id="reviewInfo">预览</a>
            <a class="btn btn-primary btn-sm" id="addInfo">提交</a>
        </div>
    </div>
</form>
<hr style="border:1px #cccccc dotted">
<form class="form-horizontal" id="dForm">
    <h1>广告信息录入</h1>

    <div class="form-group">
        起点：<input type="text" class="form-control" style="width:40px" name="d_sTime"/>
        终点： <input type="text" class="form-control" style="width:40px" name="d_eTime"/>
        标题：<input type="text" class="form-control" style="width:190px" name="d_videoName" value="广告"/>
    </div>
    <div class="form-group" style="margin-top:10px;text-align: center">
        <div class="col-sm-8"><a class="btn  btn-sm" id="d_reviewInfo">预览</a><a
                style="margin-left:4px;" class="btn btn-primary btn-sm" id="d_addInfo">提交</a></div>
    </div>
</form>
<hr style="border:1px #cccccc dotted">
<form class="form-horizontal" id="eForm">
    <!--<div>遮标信息如露-->
    <!--<button name="add_a">添加遮罩</button>-->
    <!--</div>-->
    <div id="mask_data_div">
        <table id="mask_list">
            <tr>
                <td></td>
            </tr>
        </table>
        <div id="mask_pager"></div>
    </div>
</form>

<hr style="border:1px #cccccc dotted">
<form class="form-horizontal" id="fForm">
    <!--<div>特效素材录入-->
    <div id="material_data_div">
        <table id="material_list">
            <tr>
                <td></td>
            </tr>
        </table>
        <div id="material_pager"></div>
    </div>
</form>
</div>
</div>
</div>


</div>
<!-- 左下form end -->
</div>
<!-- 底部拆删条信息 start -->
<div class="row segmentation">
    <ul style="padding: 0px">
        <li style="display: inline;position: relative;float: right;margin-right: 0px;"><a
                class="title btn btn-default btn-xs segmentation_grey" style="margin-left: 0"
                action-name="segmentation-assist">智能辅助拆条确认</a></li>
        <li style="display: inline;position: relative;float: right;margin-right: 0px;"><a style="margin-left: 0"
                                                                                          class="title btn btn-default btn-xs segmentation_grey"
                                                                                          style="width: 100px"
                                                                                          action-name="segmentation">拆条列表确认</a>
        </li>
    </ul>
    <div dname="segmentation_div" class="list" data-show="false">
        <div style="float: left">
            <table id="frame_list">
                <tr>
                    <td></td>
                </tr>
            </table>
            <div id="frame_pager"></div>
        </div>
        <div style="float: left">
            <table id="advert_list">
                <tr>
                    <td></td>
                </tr>
            </table>
            <div id="advert_pager"></div>
        </div>
    </div>

    <div dname="segmentation-assist_div" class="list" data-show="false">
        <div style="float: left">
            <table id="auto_submit_list">
                <tr>
                    <td></td>
                </tr>
            </table>
            <div id="auto_submit_pager"></div>
        </div>
        <div style="float: left">
            <table id="auto_del_list">
                <tr>
                    <td></td>
                </tr>
            </table>
            <div id="auto_del_pager"></div>
        </div>
    </div>
</div>

</div>

<!--单张图片视频预览 start-->
<div class="popover fade left in" id="play-one" role="tooltip"
     style="display:block;top:-1000px;left:-1000px;width:140px;height:105px;background-color:#000;border:1px solid #fff;">
    <div class="arrow" style="top: 50%;"></div>
    <video style="width: 100%;height:100%" id="ppsLiveOneFrame">Your browser is too old which doesn't support HTML5 video.</video>
</div>
<!--单张图片视频预览 end-->

<!--裁剪精确度 start-->
<div class="popover fade left in" id="accurateStartEndOutDiv" role="tooltip"
     style="position:fixed;display:block;top:-10000px;left:-10000px;max-width:100%;width:100%;height:100%;background-color:#fff;">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true"
                                                                       id="ase-close">&times;</span><span
                class="sr-only">关闭</span></button>
        <h6 class="modal-title">裁剪精确度</h6>
    </div>

    <div class="popover-content" id="accurateStartEndDiv"></div>
</div>
<!--裁剪精确度 end-->

<!--<div id="taskid" style="display:none"></div>-->
<!--<div id="lastImg" style="display:none">0</div>-->
<div id="lastCate" style="display:none">0</div>
<div id="allList" style="display:none"></div>
<!--<div id="isOver" style="display:none">1</div>-->
<div id="storage-data" style="display:none"></div>

<div id="alert-dlg" style="display:none;height: 200px ">
    <form class="form-horizontal">
        <div class="control-group">
            <label class="col-xs-2 control-label">提醒时间</label>
            <input type="text" id="alert-time">
        </div>
        <div class="control-group">
            <label class="col-xs-2 control-label">提醒方式</label>
            <label class="checkbox inline">
                <input type="checkbox" disabled name="blinking" checked>浏览器闪烁
            </label>
            <label class="checkbox inline">
                <input type="checkbox" disabled name="autdo">声音提示
            </label>
        </div>
    </form>
    <div class="controls" style="text-align: right;padding-top: 20px">
        <button type="button" name="alert-dlg-cancel" class="btn">取消</button>
        <button type="button" name="alert-dlg-ok" class="btn btn-primary query-btn">确定</button>
    </div>
</div>
<div id="help-dlg" style="display:none;" align="center">
    <div style="width: 600px">
        <table class="table table-striped">
            <thead>
            <tr>
                <th style="width: 275px">快捷键</th>
                <th>快捷键含义</th>
            </tr>
            </thead>
        </table>
    </div>
    <div style="overflow-y: auto;max-height: 600px;width: 600px">
        <table class="table table-striped">
            <tbody>
            </tbody>
        </table>
    </div>
    <label name="coderVersion"></label>
</div>

<div id="alter_title-dlg" style="display:none; ">
    <form class="form-horizontal">
    </form>
    <div class="controls" style="text-align: center;padding-top: 20px">
        <button type="button" name="alter_title-ok" class="btn btn-primary query-btn">确定</button>
        <button type="button" name="alter_title-cancel" class="btn">取消</button>
    </div>
</div>

<div id="image_mark-dlg" style="display:none; ">
    <form class="form-horizontal">
        <input name="image_location" type="hidden" disabled>

        <div id="ocr_image_div" class="control-group"
             style="width: 1077px;height: 608px; overflow: hidden ;margin: 0 auto">
            <img id="ocr_image" onload="WrapSys.Util.loadImageOver(this)">
        </div>
    </form>
    <div class="controls" style="text-align: center">
        <label class="col-xs-2 control-label" style="display: inline-block;width: 80px">识别标题</label>
        <input name="origin_ocr_title" type="hidden">
        <input name="image_ocr_title" type="text" style="width: 840px">
            <span class="help-inline" span-mode="info2" style="padding-left: 40px">剩余字数：<span
                    class="leftWordsCount" style="display: inline-block;width: 40px;">21.5</span></span>
            <span class="help-inline" span-mode="warn2" style="padding-left: 40px;color: red;display: none">超过字数：<span
                    class="overWordsCount" style="display: inline-block;width: 40px;">0</span></span>
    </div>
    <div class="controls" style="text-align: center;padding-top: 20px">
        <button type="button" name="image_mark-ok" style="margin-right: 50px" class="btn btn-primary query-btn">确定
        </button>
        <button type="button" name="image_mark-cancel" style="margin-left: 50px" class="btn">取消</button>
    </div>
</div>

<div id="fragment-dlg" style="display: none">
    <form class="form-horizontal" style="text-align: center;">
        <div>已经进行了一段时间，请问是否提交一下分片数据，确保该节目上线速度</div>
        <div style="color: red"> 注：请确保当前分片中的广告已经提交，否则将影响视频生产。</div>
        <div style="position: relative;height: 130px;margin-top: 15px">
            <div style="position: absolute;left: 100px;width: 180px">
                <img name="auto_frag_stImg" src="" style="width: auto;height: auto">

                <div>分片起点：<span>00</span></div>
            </div>
            <div style="position: absolute;left: 300px;width: 180px">
                <img name="auto_frag_etImg" src="" style="width: auto;height: auto">

                <div>分片终点：<span>00</span></div>
            </div>
        </div>
    </form>
    <div class="controls" style="text-align: center;">
        <button type="button" name="fragment-ok" style="margin-left: 30px;margin-right: 40px"
                class="btn btn-primary query-btn">提交
        </button>
        <button type="button" name="fragment-cancel" class="btn">暂不提交</button>
    </div>
</div>
<div id="image_mask-dlg" style="display:none; ">
    <form class="form-horizontal">
        <div id="navMaskDiv" class="container">
            <ul style="padding: 0px">
                <li><a href='#mask_tab1'>原图</a></li>
                <li><a href='#mask_tab2'>遮标预览</a></li>
            </ul>
            <div id='tabsMaskDiv'>
                <div id="mask_tab1">
                    <div id="mask_image_div"
                         style="width: 1077px;height: 608px; overflow: hidden;margin: 0 auto;position: relative">
                        <div id="maskDiv" style="pointer-events: none;z-index: 999;position: absolute;"></div>
                        <img id="mask_image" style="height:100%;">
                    </div>
                </div>
                <div id="mask_tab2" style="width:1061px;height: 600px; overflow: auto">
                    <div id="demoImgDiv" style="width: 900px;height: 600px; ">
                        <img id="demoImg" onload="WrapSys.Util.loadImageOver3(this)" style="height: auto;width: auto">
                    </div>
                </div>
            </div>
        </div>
    </form>

    <div class="controls" style="text-align: center;padding-top: 20px">
        <div id="image_mask_page_div">

        </div>
        <button type="button" name="image_mask-preview" class="btn btn-primary query-btn">预览</button>
        <button type="button" name="image_mask-ok" class="btn btn-primary query-btn">确定</button>
        <button type="button" name="image_mask-cancel" class="btn">取消</button>
    </div>
</div>
<div id="material_sel_dlg" style="display:none; ">
    <form class="form-horizontal">
        <div class="control-group materialSuggestDiv">
            <select name="EQI_contentType" style="width:90px">

            </select>
            <input type="text" name="input_suggest_material" placeholder="输入素材名称">
        </div>
        <div id="material_sel_content" style="max-height: 400px;overflow-y: auto"></div>
    </form>
</div>

<!--贴片入点 tooltip start-->
<div class="popover fade left in" id="corner_hoverTip" role="tooltip"
     style="display:block;top:-1000px;left:-1000px;width:140px;height:22px;background-color:#000;border:1px solid #fff;">
    <div class="arrow" style="top: 9px"></div>
    <div class="popover-content-corner" style="color: #ffffff;word-break: break-all"></div>
</div>
<!--贴片入点 tooltip end-->

<!--贴片编辑框  start-->
<div id="edit_corner-dlg" style="display:none; ">
    <form class="form-horizontal">
        <div id="navCornerDiv" class="container">
            <ul style="padding: 0px">
                <li><a href='#corner_tab1'>原图</a></li>
                <li><a href='#corner_tab2'>贴片预览</a></li>
            </ul>
            <div id='tabsCornerDiv'>
                <div id="corner_tab1">
                    <div id="corner_image_div"
                         style="width: 1077px;height: 608px; overflow: hidden;margin: 0 auto;position: relative">
                        <img name="panel-bg" style="height:100%;">
                    </div>
                </div>
                <div id="corner_tab2" style="width:1061px;height: 600px; overflow: auto">
                    <div id="cornerImgDiv" style="width: 900px;height: 600px;position: relative ">

                    </div>
                </div>
            </div>
        </div>
    </form>

    <div class="controls" style="text-align: center;padding-top: 20px">
        <button type="button" name="image_corner-preview" class="btn btn-primary query-btn">预览</button>
        <button type="button" name="image_corner-ok" class="btn btn-primary query-btn">确定</button>
        <button type="button" name="image_corner-cancel" class="btn">取消</button>
    </div>
</div>
<!--贴片编辑框  end-->
<!--标题自动识别框  start-->
<div id="auto_title-dlg" style="display:none;text-align: center">
    <div class="form-horizontal" style="position: relative;width: 800px;height: 450px">
        <div id="auto_image_div" class="control-group" style="width: 800px;height: 450px; overflow: hidden ;margin: 0 auto">
            <img id="auto_image"  style="height:100%;">
        </div>
        <div id="auto_image_load_text_div" style="position:absolute;top: 0px;width: 100%;height: 100%;background-color: #d3d3d3 ;z-index: 9999 ">
            <div id="auto_image_load_text" style="margin-top: 220px;">图片加载中....</div>
        </div>
    </div>
    <div id="auto_title_alterDiv" class="controls alterDiv">
        <input name="origin_auto_title" type="hidden">
        <input name="image_auto_title" type="text" style="width: 580px;font-size: 18px">
            <span class="help-inline" span-mode="info3" style="padding-left: 20px">剩余字数：<span
                    class="leftWordsCount" style="display: inline-block;width: 40px;">21.5</span></span>
            <span class="help-inline" span-mode="warn3" style="padding-left: 20px;color: red;display: none">超过字数：<span
                    class="overWordsCount" style="display: inline-block;width: 40px;">0</span></span>
    </div>
    <div id="auto_title-dlg_content" style=" height: 160px;max-height: 160px;overflow-y: auto;text-align: left;margin-top: 10px">

    </div>
    <div class="controls" style="text-align: center;padding-top: 20px">
        <button type="button" name="auto_title-ok" style="margin-right: 50px" class="btn btn-primary query-btn">确定
        </button>
        <button type="button" name="auto_title-cancel" style="margin-left: 50px" class="btn">取消</button>
    </div>

</div>
<!--标题自动识别框  end-->

</body>
<script type="text/javascript">
    require(['wrap'], function () {
        WrapSys.Action.editMergeRun();
    })
</script>
<html>
